<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>

    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <script src="/js/jquery.min.js"></script>
    <script src="/js/assets/amazeui.widgets.helper.min.js"></script>
    <script src="/js/assets/amazeui.widgets.helper.js"></script>
    <script src="/js/assets/amazeui.ie8polyfill.min.js"></script>
    <script src="/js/assets/amazeui.ie8polyfill.js"></script>
    <script src="/js/assets/amazeui.min.js"></script>
    <script src="/js/assets/amazeui.js"></script>
    <script src="/js/mui.min.js"></script>

    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap-treeview.js"></script>

    <link rel="stylesheet" type="text/css" href="/css/assets/amazeui.min.css">
    <link rel="stylesheet" type="text/css" href="/css/assets/amazeui.css">
    <link rel="stylesheet" type="text/css" href="/css/mui.min.css">

    <style>
        body {
            font-size: 12px;
        }

        .am-u-sm-10 {
            width: 58%;
        }

        .am-u-sm-2 {
            width: auto;
        }

        .am-form-group {
            height: 30px;
            margin: 0;
        }

        img.am-thumbnail, .am-thumbnail > img, .am-thumbnail a > img {
            margin-top: 115px;
        }

        form {
            height: 100%;
        }

        .am-btn am-btn-danger {
            height: 20px;
            font-size: 5px;
            padding: 0 23px;
        }

        button, input:not([type="radio"]):not([type="checkbox"]), select {
            height: 20px;
            border: none;
            background: none;
            text-align: right;
            font-size: 12px;
        }

        [class*="am-u-"] + [class*="am-u-"]:last-child {
            float: right;
            height: 20px;
            background: none;
            text-align: right;
        }

        #sub {
            background: red;
            height: 50px;
            width: 100%;
            text-align: center;
            margin-top: 20%;
        }

        #middlePopover1 {
            width: 68%;
            position: absolute;
            top: 100px;
            left: 18%;
            display: none;
        }

        #bg {
            width: 100%;
            height: 100%;
            background-color: #000;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0.3;
            display: none;
        }

        .mui-scroll-wrapper {
            font-size: 14px;
            background: white;
        }

        .am-btn am-btn-danger {
            height: 20px;
            font-size: 5px;
            padding: 0 23px;
        }

        #middlePopover1 {
            height: 200px;
        }
        #reject{
            height: 50px;
            width: 100%;
            text-align: center;
        }
    </style>
</head>
<body>
<form action="/branchApprove" id="branchApprove" method="post" enctype="multipart/form-data">

    <div class="am-form-group">
        <label for="fd_BranchName" class="am-u-sm-2 am-form-label">组织名称</label>
        <div class="am-u-sm-10">
            <input type="hidden" class="am-form-field" name="fd_branchid" th:value="${branch.getFd_BranchID()}">
            <input readonly="readonly" type="text" class="am-form-field" id="fd_BranchName" name="fd_BranchName" th:value="${branch.getFd_BranchName()}">
        </div>
    </div>

    <div class="am-form-group">
        <label for="fd_unitName" class="am-u-sm-2 am-form-label">单位名称</label>
        <div class="am-u-sm-10">
            <input readonly="readonly" type="text" class="am-form-field" id="fd_unitName" name="fd_unitName" th:value="${branch.getFd_unitName()}">
        </div>
    </div>

    <div class="am-form-group">
        <label for="fd_PartyCount" class="am-u-sm-2 am-form-label">党员数量</label>
        <div class="am-u-sm-10">
            <input readonly="readonly" type="text" class="am-form-field" id="fd_PartyCount" name="fd_PartyCount" th:value="${branch.getFd_PartyCount()}">
        </div>
    </div>

    <div class="am-form-group">
        <label for="fd_PartyCount" class="am-u-sm-2 am-form-label">申请人</label>
        <div class="am-u-sm-10">
            <input readonly="readonly" type="text" hidden="hidden" id="fd_LinkId" name="fd_LinkId" th:value="${branch.getFd_LinkId()}">
            <input readonly="readonly" type="text" class="am-form-field" id="fd_chairMan" name="fd_chairMan" th:value="${branch.getFd_chairMan()}">
        </div>
    </div>

    <div class="am-form-group">
        <label for="fd_PartyCount" class="am-u-sm-2 am-form-label">申请时间</label>
        <div class="am-u-sm-10">
            <input readonly="readonly" type="text" class="am-form-field" id="fd_applydate" name="fd_applydate" th:value="${branch.getFd_applydate()}">
        </div>
    </div>

    <div class="am-form-group">
        <label for="fd_BranchMark">成立原因</label>
        <input readonly="readonly" type="text" hidden="hidden" id="reason" name="reason">
        <input hidden="hidden" type="text" value="0" id="fd_applystatus" name="fd_applystatus">
        <textarea readonly="readonly" class="" rows="5" id="fd_BranchMark" name="fd_BranchMark" th:text="${branch.getFd_BranchMark()}"></textarea>
    </div>
    <input type="submit" value="同意申请" id="sub" class="am-btn am-btn-danger">
</form>
<button class="am-btn am-btn-secondary" id="reject" onclick="reject()">驳回申请</button>

<div id="bg" onclick="middleNone()"></div>
<div id="middlePopover1" class="mui-popover">
    <div class="mui-popover-arrow"></div>
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll" id="treeview-searchable1">
        </div>
    </div>
</div>
</body>
<script>
    function reject(){
        var person=prompt("请输入驳回理由","");
        if (person!=null && person!=""){
            document.getElementById("reason").value=person;
            document.getElementById("fd_applystatus").value="2";
            document.getElementById("branchApprove").submit();
        }
    }
</script>
</html>